<template>
	<view class="news-list">
		<view class="list-item acea-row row-between-wrapper row-top" v-for="(item,index) in list" :key="index" @click="getDetails(item.id)">
			<view class="right acea-row row-center">
				<view class="tit size24">{{item.title}}</view>
			</view>
			<view class="left">
				<u-image :src="adminUrl+item.pic" shape="square" border-radius="0" mode="" :lazy-load="true" width="198" height="110"></u-image>
			</view>
		</view>
	</view>
</template>

<script>
	import {Http_admin_url} from "../config/config.js"
	export default {
		name:"news_list",
		props:{
			list:{
				type:Array,
				default:null
			}
		},
		data() {
			return {
				adminUrl:Http_admin_url,
			};
		},
		methods:{
			getDetails(id){
				uni.navigateTo({
					url:'/pages/news/details/index?id='+id
				})
			},			
			
		}
	}
</script>

<style lang="less">
.news-list{
	.list-item{
		align-items: stretch;
		border-bottom: 2rpx #E5E5E5 solid;
		padding: 20rpx 0;
		.right{
			width: calc(100% - 260rpx);
			flex-direction: column;
			.tit{}
		}
	}
}
</style>